Pixel art animations made by Claude Code and rendered to sharp video. Every frame is drawn in code with a real palette, so nothing is blurry and every scene recolors in one command.
Fig. 01 / Booster catch / 8.5 s / night palette
Steps
Paste these into Claude Code
01
Install
What this does
Finds the kit in your Downloads, copies it to your home folder, sets up Python in its own environment, installs the Claude skill, and renders the example to prove it works. Claude asks before installing anything outside the kit.
You get
A working Pixel Kit at ~/pixel-kit and the pixel-kit skill in Claude Code.
Set up Pixel Kit on this computer. I downloaded and unzipped it; find the folder named pixel-kit (check Downloads and Desktop first) that contains a pixelkit folder and requirements.txt.
Do these steps in order, and ask me before installing anything outside that folder:
1. Check that Python 3.9 or newer is installed (python3 --version, or py --version on Windows). If it is missing, tell me how to install it and stop.
2. Copy the kit to ~/pixel-kit (on Windows %USERPROFILE%\pixel-kit). If ~/pixel-kit already exists, ask me before replacing anything, and never overwrite its scenes or out folders.
3. Create a virtual environment at ~/pixel-kit/.venv and install requirements.txt into it.
4. Install the skill by copying ~/pixel-kit/skill/pixel-kit to ~/.claude/skills/pixel-kit.
5. Run the install check from ~/pixel-kit: .venv/bin/python -m pixelkit doctor (Windows: .venv\Scripts\python -m pixelkit doctor).
6. Render the example as a test: .venv/bin/python -m pixelkit render examples/booster_catch.py, then open out/booster_catch.mp4 for me.
7. Tell me in a short list what you installed and where.
02
Make your first one
What this does
Claude writes a short beat sheet, starts from the closest template, draws the scene in code, and checks a contact sheet of frames before rendering.
You get
An MP4 in ~/pixel-kit/out, 1080 px wide.
Use the pixel-kit skill to make a pixel animation of [what happens, e.g. "a hot air balloon rising out of a valley at sunrise while an altitude readout counts up"].
Format 4:5, about 8 seconds. Show me the contact sheet before you render the video.
03
Change the colors
What this does
Renders the same scene in other color modes so you can compare them side by side.
You get
The same animation in a preset palette, one hue, and black and white.
Render scenes/[name].py in these color versions: the dusk palette, one hue of #1f3dff, and black and white. Put them side by side in a contact sheet so I can compare, then render the one I pick.
04
Edit
What this does
Changes timing, numbers, and labels in place, then shows you the frames again.
You get
A revised render without starting over.
In scenes/[name].py: make the [thing] slower, start the readout at [number], and change the label to [text]. Show me the sheet again.
05
Make it yours
What this does
Pulls every value you would change into labeled constants so the scene becomes a reusable template.
You get
Your own template in ~/pixel-kit/templates.
Turn scenes/[name].py into a template I can reuse: pull every value I would change (subject, numbers, labels, timing) into constants at the top with a comment on each, and save it to templates/[name].py.
Projects, assets and templates
Start from one of these
MEASURE Subject builds up while a readout measures itCHART Bars grow, peak called out, total landsDOMINOES One push, a chain reaction, a counterDESK Character scene, rain, city windowFOREST Parallax loop, fireflies, a creatureEXAMPLE Booster catch, the full showpiece
